<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录界面</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/rem_750.js"></script>
	</head>
	<body>
		<!-- <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			相当调用了$().ready方法
			$(function(){
				还可以避免全局的变量
				console.log($(".main"))
			})
		</script> -->
		<div class="main">
			<div class="logo">
				<img src="images/logo.png" alt="">
			</div>
			<div class="logoin">
				<form action="" method="post" class="form1" onsubmit="return false">
						<!-- 提示信息框 -->
						<div class="notice">
							内容不能为空
						</div>
					<div class="item">
						<div class="item_txt">
							<span>姓名:</span>
							<input type="text" class="uname" value="">
						</div>
					</div>
					<!--  -->
					<div class="item">
						<div class="item_txt">
							<span>+86:</span>
							<input type="text" class="phone_num" value="">
						</div>
					</div>
					<!--  -->
					<div class="item">
						<div class="item_txt">
							<span>身份证号码:</span>
							<input type="text" class="idcard_num" value="">
						</div>
					</div>
				</form>
			</div>
			<!-- 按钮 -->
			<div class="buttons">
				<button class="myYuyue">我的预约</butto>
					<button class="startYuyue">开始预约</button>
			</div>
		</div>
		<script src="js/jquery.js"></script>
		<script src="https://cdn.bootcss.com/sweetalert/2.1.2/sweetalert.min.js"></script>
		<script src="js/api.js"></script>
		<script src="js/util.js"></script>
		<script type="text/javascript">
			var myYuyue = $(".myYuyue");
			var uname = $(".uname");
			var phone_num = $(".phone_num");
			var idcard_num = $(".idcard_num");
			var form1 = $(".form1")

			

			$(function() {
				// 我的预约
				$(".myYuyue").click(function(){
					if (!uname.val() || !phone_num.val() || !idcard_num.val()) {
						// swal("不能为空,请输入相关登录信息")
						$(".notice")
						.text("不能为空,请输入相关登录信息")
						.css("visibility","visible");
						return
					}
					// 判断用户是否输入手机号
					if (!isPoneNum(phone_num.val())) {
						// swal("手机号格式不对，请重新输入");
						$(".notice")
						.text("手机号格式不对，请重新输入")
						.css("visibility","visible");
						phone_num.focus();
						return;
					}
					// 判断用户身份证号码格式是否正确
					if(!checkIDCard(idcard_num.val())){
						// swal("请输入正确的身份证号码");
						$(".notice")
						.text("请输入正确的身份证号码")
						.css("visibility","visible");
						return;
					}
					// 
					$.ajax({
						url:api.book,
						method:"post",//HTTP请求类型
						data:{
							phone_num: phone_num.val(),
							idcard_num: idcard_num.val(),
							uname: uname.val(),
						},
						dataType:'json',//服务器返回json格式数据
						timeout:5000,//超时时间设置为5秒；
						success:function(res){
							console.log(res);
							MtaH5.clickStat("login");
							// JSON.stringify({phone_num.val()})
							MtaH5.clickStat('yonghuguiji',{'ldlogin':'true'})
		location.href = `./myYuyue.html?access_token=${res.data.access_token}&phone=${phone_num.val()}&uname=${escape(uname.val())}`
						},
						error:function(){
							swal("请求异常，请稍后重试")
						}
					});
					// 直接页面跳转，把参数带过去
					// var uname = escape(uname.val())
					// location.href=`./myYuyue.html?phone=${phone_num.val()}&uname=${escape(uname.val())}`;
				})
				
				// 开始预约
				$(".startYuyue").click(function() {
					// 一般情况下，前端需要做简单的验证
					console.log(uname)
					if (!uname.val() || !phone_num.val() || !idcard_num.val()) {
						// swal("不能为空,请输入相关登录信息");
						$(".notice")
						.text("不能为空,请输入相关登录信息")
						.css("visibility","visible");
						return
					}
					// 判断用户是否输入手机号
					if (!isPoneNum(phone_num.val())) {
						// swal("手机号格式不对，请重新输入");
						$(".notice")
						.text("手机号格式不对，请重新输入")
						.css("visibility","visible");
						phone_num.focus();
						return;
					}
					// 判断用户身份证号码格式是否正确
					if(!checkIDCard(idcard_num.val())){
						// swal("请输入正确的身份证号码");
						$(".notice")
						.text("请输入正确的身份证号码")
						.css("visibility","visible");
						return;
					}
					
					// let apiUrl = "https://gzflower.bluej.cn/index/book/book";
					$.ajax({
						url:api.book,
						method:"post",//HTTP请求类型
						data:{
							phone_num: phone_num.val(),
							idcard_num: idcard_num.val(),
							uname: uname.val(),
						},
						dataType:'json',//服务器返回json格式数据
						timeout:5000,//超时时间设置为5秒；
						success:function(res){
							console.log("成功")
							console.log(res);
							MtaH5.clickStat("login");
							// JSON.stringify({phone_num.val()})
							MtaH5.clickStat('yonghuguiji',{'ldlogin':'true'})
							location.href = "./yuyuetime.html?access_token="+res.data.access_token
						},
						error:function(){
							swal("请求异常，请稍后重试")
						}
					});
				})
			})
			
		</script>
	
	
	<script type="text/javascript">
		// myYuyue.click(function() {
		// 	var formParam = form1.serialize();
		// 	if (uname.val() == "" || phone_num.val() == "" || idcard_num.val() == "") {
		// 		alert("不能为空")
		// 		uname.focus()
		// 	} else {
		// 		let url_res = "https://gzflower.bluej.cn/index/book/book";
		// 		$.ajax({
		// 			method: "post",
		// 			url: url_res,
		// 			header: {
		// 				// 
		// 			},
		// 			dataType: "json",
		// 			data: {
		// 				phone_num: phone_num.val(),
		// 				idcard_num: idcard_num.val(),
		// 				uname: uname.val(),
		// 			},
		// 			// data:formParam,
		// 			timeout: 5000,
		// 			success: function(res) {
		// 				console.log("登录成功")
		// 				console.log(res)
		// 				// if(res !="" && res =="success"){
		// 				window.location.href = "myYuyue.html";
		// 				// }
		// 			}
		// 		})
		// 	}
		
		// })
	</script>
	<!--  -->
	<script>
		var _mtac = {};
		(function() {
			var mta = document.createElement("script");
			mta.src = "//pingjs.qq.com/h5/stats.js?v2.0.4";
			mta.setAttribute("name", "MTAH5");
			mta.setAttribute("sid", "500712136");
			mta.setAttribute("cid", "500712137");
			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(mta, s);
		})();
	</script>
	</body>
</html>
